<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	<link rel="stylesheet" href="http://at.alicdn.com/t/c/font_4531547_tlppbb4v0i.css">
	<link rel="stylesheet" href="./css/style.css">
	<link rel="stylesheet" href="./css/advertise.css">
</head>
<body>
	<!--  顶部广告 start-->
	<div class="header">
		<a href="#">
			<img src="./img/QR.jpg" alt="advertise">
			
		</a>
	</div>
	
	<!-- 顶部广告 end -->
	<!-- 黑色导航 start -->
	<div class="navigation">
		<div class="wrap">
			<ul class="navigation-left">
				<li><a href="#">关于广利</a><span>|</span></li>
				<li>
					<a href="#">空间灵感</a>
					<span>|</span>
					<div class="stri"></div>
					</li>
				<li><a href="#">用户服务</a><span>|</span></li>
				<li><a href="#">合作加盟</a><span>|</span></li>
				<li><a href="#">全屋定制</a><span>|</span></li>
				<li><a href="#">活动和优惠</a><span>|</span></li>
				<li><a href="#">智能家具</a><span>|</span></li>
				<li><a href="#">加入广利</a><span>|</span></li>
				<li>
					<a href="#">共享共创农居服务</a>
					<div class="nav-bar-list">
						<div class="wrap">
						<ul>
							<li>
								<a href="#">
									<div class="img-ox">
										 <img src="img/Q1.jpg" alt="农居服务"> 
									</div>
								</a>
							</li>
							<li>
								<a href="#">
									<div class="img-ox">
										 <img src="img/Q1.jpg" alt="农居服务">
									</div>
								</a>
							</li>
								</a>
							</li>
						</ul>
					</div>
					</li>
			</ul>
			<ul class="navigation-right">
			<li><a href="#">登录</a><span>|</span></li>
			<li><a href="#">注册</a><span>|</span></li>
			<li class="cart">
				<a href="#">
					<i class=""></i>
					<i>消息</i>
					</a>
					<div class="cart-list">
						暂无消息
					</div>
			<li><a href="#">个人中心</a><span>|</span></li>
			<ul>
		</div>
		
	</div>
	<!-- 黑色导航 end -->
	<!-- 白色导航 start -->
	<div class="white-navigation">
		<div class="wrap">
		<div class="logo">
			<img src="img/logo-guangli.jpg" alt=""class="logo-guangli">
		</div>
		<div class="navigation-bar">
			<ul>
				<li><a href="#">新品</a></li>
				<li>
					<a href="#">共享展厅</a>
					<div class="navigation-bar-list">
						<div class="wrap">
							<ul>
								<li>
									<a href="#">
										<div class="img-box">
											<img src="img/room0.jpg" alt="客厅">
										</div>
										<p class="name">客厅</p>
									</a>
								</li>
								<li>
									<a href="#">
										<div class="img-box">
											<img src="img/room11.jpg" alt="卧室">
										</div>
										<p class="name">卧室</p>
									</a>
								</li>
								<li>
									<a href="#">
										<div class="img-box">
											<img src="img/room2.jpg" alt="书房">
										</div>
										<p class="name">书房</p>
									</a>
								</li>
								<li>
									<a href="#">
										<div class="img-box">
											<img src="img/room3.jpg" alt="餐厅">
										</div>
										<p class="name">餐厅</p>
									</a>
								</li>
								<li>
									<a href="#">
										<div class="img-box">
											<img src="img/room4.jpg" alt="阳台">
										</div>
										<p class="name">阳台</p>
									</a>
								</li>
							</ul>
						</div>
					</div>
					</li>
				<li><a href="#">设计和服务</a></li>
				<li><a href="#">活动和优惠</a></li>
			</ul>
			<div>
				<div class="search">
					<input type="text" placeholder="新品">
					<button class="iconfont">&EmptySmallSquare;</button>
				</div>
		</div>
	</div>

	<!-- 白色导航 end -->
	<!-- banner start -->
	 <div class="wrap">
		<img class="banner-img" src="img/banner.jpg" alt="">
		<div class="slide">
			<ul>
				 <li><a href="#">所有类别<i class="iconfont">&Rightarrow;</i></a></li>	
				<li>
					<a href="#">沙发<i class="iconfont">&Rightarrow;</i></a>
					 <!-- <div class="slide-list">
						<ul>
							<li>
								<a href="#">
									<img src="img/sofa1.png" alt="">
									<span>布艺沙发</span>
								</a> -->
							
						<!-- </ul> -->
					<!-- </div>
					</li> -->
				<li><a href="#">椅凳<i class="iconfont">&Rightarrow;</i></a></li>
				<li><a href="#">柜架<i class="iconfont">&Rightarrow;</i></a></li>
				<li><a href="#">桌|几|台<i class="iconfont">&Rightarrow;</i></a></li>
				<li><a href="#">床|床具<i class="iconfont">&Rightarrow;</i></a></li>
           </ul>
		</div>
	</div> 
	<!--banner end  -->
	<!-- 广告模版 start -->
	<div class="ad">
		<div class="wrap">
			<div class="ad-aside">
				<ul>
					<li>
						<a href="#"></a>
						<i class="inconfont">&#xead5;</i>
						<p>家具安装</p>
					</li>
					<li>
						<a href="#"></a>
						<i class="inconfont">&#xead5;</i>
						<p>送货上门</p>
					</li>
					<li>
						<a href="#"></a>
						<i class="inconfont">&#xead5;</i>
						<p>家具保养</p>
					</li>
					<li>
						<a href="#"></a>
						<i class="inconfont">&#xead5;</i>
						<p>以旧换新</p>
					</li>
					<li>
						<a href="#"></a>
						<i class="inconfont">&#xead5;</i>
						<p>家具维修</p>
					</li>
					<li>
						<a href="#"></a>
						<i class="inconfont">&#xead5;</i>
						<p>服务咨询</p>
					</li>
					
				</ul>
			</div>
			<div class="ad-img">
				<a href="#"><img src="img/ad1.jpg" alt=""></a>
			<div class="ad1-img">
				<a href="#"><img src="img/ad2.jpg" alt=""></a>
			</div>
			
		</div>
	</div>
	<!-- 广告模板 end -->
	<!-- 内容模块 start -->
	<div class="content">
		<div class="wrap">
			<!-- 家装样本间 start-->
			<div class="example">
				<h3 class="title">家装样板间</h3>
				<div class="example-box">
					<div class="example-box-left">
						<a href="#">
							<img src="img/example_left.png" alt="">
						</a>
					</div>
					
				<div class="example-box-right">
					<div class="item">
						<a href="#">
							<img class="itm-img1" src="img/oom1.jpg" alt="">
							<p class="item-name">客厅</p>
						</a>
					</div>
					<div class="item">
						<a href="#">
							<img class="itm-img2" src="img/model.jpg" alt="">
							<p class="item-name">总体模型</p>
						</a>
					</div>
					<div class="item">
						<a href="#">
							<img class="itm-img3" src="img/oom2.png" alt="">
							<p class="item-name">卧室</p>
						</a>
					</div>
					<div class="item">
						<a href="#">
							<img class="itm-img4" src="img/oom3.png" alt="">
							<p class="item-name">厨房</p>
						</a>
					</div>
					
					
					</div>
			     </div>
			</div>
			<!-- 家装样本间 end -->
			<!-- 智能家居 start -->
			<div class="smart">
				<h3 class="title">智能家居</h3>
				<div class="example-box">
					<div class="example-box-left">
						<a href="#">
							<img src="img/add.png" alt="">
						</a>
					</div>
				<div class="smart-box">
					<div class="item">
						<a href="#">
							<img class="item-img" src="img/smart2.jpg" alt="">
							<p class="item-name">智能床</p>
						</a>
					</div>
					<div class="item">
						<a href="#">
							<img class="item-img" src="img/smart1.jpg" alt="">
							<p class="item-name">智能灯光</p>
						</a>
					</div>
					<div class="item">
						<a href="#">
							<img class="item-img" src="img/smart3.jpg" alt="">
							<p class="item-name">智能遮阳</p>
						</a>
					</div>
					<div class="item">
						<a href="#">
							<img class="item-img" src="img/smart4.jpg" alt="">
							<p class="item-name">智能音响</p>
						</a>
					</div>
				</div>
			</div>
			<!-- 智能家居 end -->
		</div>		
	</div>
	<!-- 内容模块 end -->
	<!-- 页脚模块 start-->
	<div class="footer">
		<div class="wrap">
			<div class="footer-service">
				<ul>
					<li>
						<a href="#">
							<i class="inconfont">&#xe629;</i>
							<span>预约维修服务</span>
						</a>
					</li>
					<li>
						<a href="#">
							<i class="inconfont">&#xe629;</i>
							<span>网络订购服务</span>
						</a>
					</li>
					<li>
						<a href="#">
							<i class="inconfont">&#xe629;</i>
							<span>预约共享展厅服务</span>
						</a>
					</li>
					<li>
						<a href="#">
							<i class="inconfont">&#xe629;</i>
							<span>全屋定制服务</span>
						</a>
					</li>
				</ul>
			</div>
			<div class="footer-link">
				<ul>
					<li>常用链接</li>
					<li><a href="#">本地商城</a></li>
					<li><a href="#">在线设计工具</a></li>
					<li><a href="#">友情链接</a></li>
					
				</ul>
				<ul>
					<li>客户服务</li>
					<li><a href="#">网上商城配送范围</a></li>
					<li><a href="#">品质保证</a></li>
					<li><a href="#">联系我们</a></li>
					<li><a href="#">常见问题</a></li>
				</ul>
				<ul>
					<li>关于广利</li>
					<li><a href="#">加入我们</a></li>
					<li><a href="#">隐私条款</a></li>
					
				</ul>
				<ul>
					<li>合作及招聘</li>
					<li><a href="#">加盟</a></li>
					<li><a href="#">商务合作</a></li>
					<li><a href="#">招聘</a></li>
				</ul>
				<div class="footer-aside">
					<p class="tel">400-100-5968</p>
					<p class="time">9:00-17:00</p>
					<a href="#" class="kefu">人工客服</a>
					<div class="follow">
						关注广利：
						<img src="img/wechat.jpg" alt="">
						<img src="img/tik-tok.jpg" alt="">
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- 页脚模块 end -->
</body>
</html>